<div class="title">
    <label>Các bài giảng cùng giai điệu</label>
</div>
<div class="MgL5">
    <ul>
        @forelse($toneLessons as $tLesson)
        <li>
            <div class="video">
                <a href="<?= $tLesson->generate_link() ?>">
                    <img src="<?= $tLesson->thumbnail_link() ?>" alt="">
                </a>
            </div>
            <div class="ct">
                <a href="<?= $tLesson->generate_link() ?>" class="font14">
                    <?= $tLesson->title ?>
                </a>

                <div>
                    <span class="font12 color66">bởi:</span>
                    <a href="<?= route('thanh-vien', array('id' => $tLesson->user_id, 'slug' => Str::slug($tLesson->username))) ?>"
                       class="font12 color55 displayin">
                        <?= $tLesson->username ?>
                    </a>
                </div>
                <div>
                    <span class="font11 color99"><?= $tLesson->thanks?> Bình chọn</span>
                    <span class="font11 color99"><?= $tLesson->views?> Lượt xem</span>
                </div>
            </div>
        </li>
        @empty
        Dữ liệu đang cập nhật
        @endforelse
    </ul>
</div>